﻿<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="capoeira songs,capoeira,how to play capoeira,capoeira videos" />
    @if (ViewBag.Title != null)
    { 
        <title>@ViewBag.Title</title>    
    }
    else
    {
        <title>Capokun, the first social sharing Capoeira site</title>
    }
    @if (ViewBag.Description != null)
    { 
        <meta name="description" content="@ViewBag.Description" />
    }
    else
    {
        <meta name="description" content="Capokun aims to be the first social Capoeira site. This site wants to offer all the tools necessary for the evolution of a Capoeira warrior in his art. Sharing of songs, Capoeira videos, blog about the Capoeira philosophy, the idea here is to share this Capoeira passion to every member of a community." />
    }
     @if (ViewBag.ogDescription != null)
    {
        ///song specific description for Facebook (for song:like)
        <meta property="og:description" content="@ViewBag.ogDescription" />
    }
    else
    {
        ///general description
        <meta property="og:description" content="Capokun aims to be the first social Capoeira site. This site wants to offer all the tools necessary for the evolution of a Capoeira warrior in his art. Sharing of songs, Capoeira videos, blog about the Capoeira philosophy, the idea here is to share this Capoeira passion to every member of a community." />
    }
    <!-- facebok metas open graph -->
    <meta property="fb:app_id" content="140390589306756">
    <meta property="og:site_name" content="Capokun" />
    <meta property="og:image" content="http://www.capokun.com/Content/images/Capokun_graffiti_logo_rectangle.png" />
    <meta property="og:locale" content="en-US" />
    <!-- song specific -->
    <meta property="og:title" content="@ViewBag.ogTitle" />
    <meta property="og:type" content="@ViewBag.ogType" />
    <meta property="og:url" content="@ViewBag.ogUrl" />
    <meta property="og:description" content="The first social capoeira site" />
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/images/Capokun_16.png")" />
    <link rel="apple-touch-icon"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link rel="apple-touch-icon-precomposed"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link media="all" href="@Url.Content("~/Content/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
    @*<link media="all" href="@Url.Content("~/Content/reset.css")" rel="stylesheet" type="text/css" />*@
    <link media="all" href="@Url.Content("~/Content/normalize.css")" rel="stylesheet" type="text/css" />
    <link media="all" href="@Url.Content("~/Content/global-forms.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site.css")" />
    <link rel="stylesheet" media="only screen and (max-width: 800px)" href="@Url.Content("~/Content/Site-mobile.css")" />
    @*<link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site-mobile.css")" />*@
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Main.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jstorage.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jHtmlArea-0.7.0.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/jHtmlArea.css")" />
    <script type="text/javascript">

        $(document).ready(function () {
            documentReady();

        });

    </script>
    <!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if lte IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
		<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
    <!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
    <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=140390589306756";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-26321122-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body id="index" class="home">
    <div class="wrapper">
        <header id="banner" class="body">
            @*  <h1>
            <a href="@Url.Action("index", "home")">Capokun <strong>Your Capoeira buddy</strong></a></h1>*@
            <div id="topImage">
            </div>
            <nav>
                <ul>
                    @*<li class="active"><a href="#">Capokun, your Capoeira buddy</a></li>
                <li>&nbsp;</li>*@
                    <li @if (ViewBag.Title == "Home")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("Home", "Index", "Home")</li>
                    <li @if (ViewBag.Title == "List of songs")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("Songs", "All", "Song")</li>
                    <li @if (ViewBag.Title == "About Us")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("About", "About", "Home")</li>
                    <li class="lang">
                        <a href="@Url.Action("Index", "../fr-FR/Home")">
                            <img src="@Url.Content("~/Content/images/language_fr.gif")" alt="french" /></a></li>
                    <li class="lang">
                        <a href="@Url.Action("Index", "../en-US/Home")">
                            <img src="@Url.Content("~/Content/images/language_uk.gif")" alt="english" /></a></li>
                </ul>
            </nav>
        </header><!-- /#banner -->
        <div class="container">
            <div class="leftColumnContainer">
                <div class="leftColumn">
                    @RenderBody()
                </div>
            </div>
            <div class="rightColumn">
                <aside class="rightWidget">
                    <h3>
                        Show your love <3
                    </h3>
                    <p>
                        Like and share this website to all of your friends:</p>
                    @*<div class="fb-like" data-href="http://www.capokun.com/" data-send="true" data-width="260"
                        data-show-faces="true">
                    </div>*@
                @*    <fb:like data-href="https://www.facebook.com/Capokun" send="false" width="300" show_faces="true"
                        style="height: 70px;">
                    </fb:like>*@
                    <div class="fb-like-box" data-href="http://www.facebook.com/Capokun" data-width="300"
                        data-show-faces="true" data-stream="true" data-header="false">
                    </div>
                    @*<br />
                    <br />*@ @* <script type="text/javascript"><!--
                                    google_ad_client = "ca-pub-6343588752568003";
                                    /* Capokun side */
                                    google_ad_slot = "0775711580";
                                    google_ad_width = 300;
                                    google_ad_height = 250;
//-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
                    <br />
                    <br />*@ @*  <p>
                        Make a donation:</p>
                    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
                    <input type="hidden" name="cmd" value="_s-xclick" />
                    <input type="hidden" name="hosted_button_id" value="7ZUEKSN6ZWXAW" />
                    <input type="image" src="https://www.paypalobjects.com/en_US/FR/i/btn/btn_donateCC_LG.gif"
                        name="submit" alt="PayPal - The safer, easier way to pay online!" />
                    <img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
                    </form>*@
                </aside>
                <aside class="rightWidget">
                    <h3>
                        Link
                    </h3>
                    <p>
                        Try our mobile song application containing more than 300 Capoeira songs<br />
                        <a href="@Url.Content("~/App_EN.htm")" >Access the mobile song application</a></p>
                </aside>
                @* <aside class="rightWidget" id="extras">
                    <div class="social">
                        <h2>
                            Social</h2>
                        <ul>
                            @*<li>
                            <a href="http://delicious.com/enrique_ramirez" rel="me">delicious</a></li>
                        <li>
                            <a href="http://digg.com/users/enriqueramirez" rel="me">digg</a></li>
                            <li>
                                <a href="https://www.facebook.com/irwin.lan" rel="me">facebook</a></li>
                            <li>
                            <a href="http://www.lastfm.es/user/enrique-ramirez" rel="me">last.fm</a></li>
                        <li>
                            <a href="http://website.com/feed/" rel="alternate">rss</a></li>
                            <li>
                                <a href="http://twitter.com/#!/Airwin" rel="me">twitter</a></li>
                        </ul>
                    </div>
                </aside>*@
            </div>
        </div>
        <div class="push">
        </div>
    </div>
    <footer id="contentinfo" class="body">
        <!--<address id="about" class="vcard body">
            <span class="primary"><strong><a href="#" class="fn url">Capokun</a></strong>
                <span class="role">Amazing Magazine</span> </span>
            
            
            <span class="bio">Capokun is a website and blog that offers resources and
                advice to web developers and web designers. It was founded by Sven Lennartz and
                Vitaly Friedman.</span>
        </address>-->
        <!-- /#about -->
        <p>
            <a href="@Url.Content("~/fr-FR/home/index")">English</a>&nbsp;|&nbsp; 2011 @Html.ActionLink("Capokun", "About", "Home").</p>
    </footer><!-- /#contentinfo -->
    <div id="fb-root">
    </div>
</body>
</html>
